/* Basic Elements */
* {
	margin: 0;
	padding: 0;
}
a img {
	border: 0;
}

h1, h2, h3, h4, h5 { font-weight:normal; }

body {
	overflow: hidden;
	font-family: 'Sylfaen';
	font-size: 14px;
}

.inner { padding:10px 15px; }
.left { float:left; }
.right { float:right; }

.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/* Wrapper */
div#wrapper {
	margin: 0 auto;
	width: 810px;
}

/* Header */
div#header {
	background:url('../images/header.png') no-repeat;
	position: relative;
}
/* Logo */
div#logo {
	position: absolute;
}

div#logo a {
	display:block;
	text-indent:-9999px;
}

/* Nagition */
div#navigation {
	position: absolute;
	top:0;
	right:10px;
}

div#navigation ul li {	
	float:left;
	list-style: none;
}

div#navigation ul li a {
	display:block;
	text-decoration:none;
}

div#navigation ul li a span { display:block; }

/* Content */
div#content {
	border:1px solid #e9e8e8;
	border-top:0;
}

div.content-radius {
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	behavior: url('./js/css3/PIE.htc');
}
/* Page */
div#page h2 { font-size:18px; }
div#page h3 { font-size:16px; }

div#page h2, div#page h3, div#page p, div#page ul, div#page ol { margin-bottom:15px; }
div#page p { text-align: justify; }
div#page ul, div#page ol { list-style: inside; padding-left:10px; }

/* Read More Button */
a.read-more-btn {
	background:url('../images/read-more-btn.png') no-repeat;
	display:block;
	float:right;
	text-indent:-9999px;
}

a.read-more-btn:hover { background-position:top right; }

/* Info Slider */
div#info-slider {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow: hidden;
	height:300px;
	width:780px;
	margin-bottom:20px;
}

div#info-slider ul, div#info-slider ul li {
	margin:0;
	padding:0;
	list-style: none;
}

.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
}

/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}

/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}

/* Applications Flat List */
div.app-item-flat {
	background:#fff url('../images/app-item-flat-bg.png') left bottom repeat-x;
	padding:15px 20px;
}

div.app-item-flat h3, div.app-item-flat p {
	margin:0;
	padding-left:50px;
}

div.app-item-flat h3 {
	line-height:15px;
	margin-bottom:3px;
}

div.app-item-flat h3 a {
	font-size:15px;
	text-decoration:none;
}

div.app-item-flat p a {
	text-decoration:none;
}

div.app-item-flat h3 a:hover, div.app-item-flat p a:hover { text-decoration:underline; }

.app-arrow-flat {
	background:url('../images/app-arrow-flat.png') no-repeat;
	display:block;
	float:right;
	height:10px;
	width:11px;
	margin-top:13px;
	text-indent:-9999px;	
}

.app-arrow-flat:hover { background-position:left bottom; }

.app-icon { background-image:url('../images/icons30x30.png'); background-repeat:no-repeat; display:block; height:30px; width:30px; text-indent:-9999px; }
.icon-1 { background-position:0 0; }
.icon-2 { background-position:-30px 0; }
.icon-3 { background-position:-60px 0; }
.icon-4 { background-position:-90px 0; }
.icon-5 { background-position:-120px 0; }
.icon-6 { background-position:-150px 0; }
.icon-7 { background-position:-180px 0; }
.icon-8 { background-position:-210px 0; }
.icon-9 { background-position:-240px 0; }
.icon-10 { background-position:0 -30px; }
.icon-11 { background-position:-30px -30px; }
.icon-12 { background-position:-60px -30px; }
.icon-13 { background-position:-90px -30px; }
.icon-14 { background-position:-120px -30px; }
.icon-15 { background-position:-150px -30px; }
.icon-16 { background-position:-180px -30px; }
.icon-17 { background-position:-210px -30px; }
.icon-18 { background-position:-240px -30px; }

/* Application List */
div#applications-page {
	padding:0 10px 10px;
}

div.app-item {
	float:left;
	padding:8px 0 8px 10px;	
	width:252px;
}

div.app-item h3, div.app-item p {
	margin:0;
	padding-left:36px;
}

div.app-item h3 {
	line-height:14px;
	margin-bottom:3px;
}

div.app-item p { font-size:12px; }
div.app-item h3 a {
	font-size:14px;
	text-decoration:none;
}

div.app-item p a {
	text-decoration:none;
}

div.app-item h3 a:hover, div.app-item p a:hover { text-decoration:underline; }

/* Like */
div#like {
	background:url('../images/like-bg.png') no-repeat;
	height:700px;
}

div#like h1 {
	text-indent:-9999px;
}

/* Share Button */
a.share-btn {
  background: url("../images/share-btn.png") no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  font-size: 0;
  height: 18px;
  line-height: 0;
  margin-right: 5px;
  margin-top: 1px;
  text-indent: -9999px;
  width: 60px;
}

/* Like Button */
div.like-button {
	float:right;
	text-align:right;
	width:155px;
}

/* Footer */
div#footer {
	padding: 10px;
}
/* Copyright */
div#copyright {
	color: #777777;
	float: left;
	font-size:12px;
}
div#copyright a, div#copyright a:visited {
	color: #777777;
	text-decoration: none;
}
div#copyright a:hover {
	color: #a6a6a6;
}
/* Apps Button */
div#apps {
	float: right;
	padding-top: 4px;
}
a#apps-btn {
	background: url('../images/apps-btn.png') no-repeat;
	display: block;
	height: 16px;
	width: 112px;
	text-indent: -9999px;
}
a#apps-btn:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */
	filter: alpha(opacity=70); /* IE 5-7 */
	-moz-opacity: 0.7; /* Netscape */
	-khtml-opacity: 0.7; /* Safari 1.x */
	opacity: 0.7; /* Good browsers */
}
